import logo from "./logo.svg";
import "./App.css";
import Head from "./components/header"
// import Radio from "./components/radio"
import Pulldown from "./components/pulldown"
import MultiSelect from "./components/MultiSelect"
import Tab from "./components/tab"
// import Radio from "./components/day05/Radio"
import Radio from "./components/day5/Radio"

function App() {
	const func = function(id) {
	  console.log("我是回调函数我要取得id就是",id)
	}
	const callFn = function(id) {
	  console.log(id)
	}
	const hideFn = function() {
	  console.log('触发')
	}
	
	let arr1 = [
    { value: "这个商品性价比真高", id: 1 },
    { value: "这个商品很实用", id: 2 },
    { value: "这个商品真便宜", id: 3 },
  ];
  let arr = [
    { value: "真高", id: 11 },
    { value: "实用", id: 22 },
    { value: "便宜", id: 33 },
  ];
	
  return (
    <div className="App">
      {/*<Head/>*/}
      {/* <Radio/> */}
      {/* <Pulldown/> */}
      {/* <MultiSelect/> */}
      {/* <Tab/> */}
      {/* <Radio arr={arr} fn={func} age={18} /> */}
      {/* <Radio fn={hideFn}>
		<div className="box">
			213432442342343
			<input />
		</div>
	  </Radio> */}
	  <Radio arr={arr} fn={func} age={18} />
	  
    </div>
  );
}

export default App;
